<!DOCTYPE html>
<html lang="ch">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/swiper.min.css">		
		<script src="js/swiper.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<title></title>
	</head>

	<body>
		<div class="nav_con">
			<img class="nav_icon float_l" src="img/nav_icon_bar@2x.png">消息
			<div class="clear"></div>
		</div>
		<div class="cd_nr">
			<div class="notice_con">
				<div class="notice">
					<div class="notice_portrait_con float_l">
						<img class=" notice_portrait" src="img/icon_portrait@2x.png">
					</div>
					<div class="notice_r float_l">
						<p class="notice_title float_l">通知消息</p>
						<div class="clear"></div>
						<p class="notice_det float_r">消息内容消息内消息内消息内消息内</p>
					</div>
					<p class="notice_date float_r">09:12</p>
					<div class="clear"></div>
				</div>
				<div class="notice_fen"></div>
				<div class="notice">
					<div class="notice_portrait_con float_l">
						<p style="color: #ffffff; line-height: 48px">通知</p>
					</div>
					<div class="notice_r float_l">
						<p class="notice_title float_l">通知消息</p>
						<div class="clear"></div>
						<p class="notice_det float_r">消息内容消息内消息内消息内消息内</p>
					</div>
					<p class="notice_date float_r">09:12</p>
					<div class="clear"></div>
				</div>
				<div class="notice_fen"></div>
				<div class="notice">
					<div class="notice_portrait_con float_l">
						<img class=" notice_portrait" src="img/icon_portrait@2x.png">
					</div>
					<div class="notice_r float_l">
						<p class="notice_title float_l">通知消息</p>
						<div class="clear"></div>
						<p class="notice_det float_r">消息内容消息内消息内消息内消息内</p>
					</div>
					<p class="notice_date float_r">09:12</p>
					<div class="clear"></div>
				</div>
				<div class="notice_fen"></div>
			</div>
		</div>

	</body>

</html>